<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>Next-Generation Incident Command System</title>
    <link rel='stylesheet' type='text/css' href='bootstrap.min.css'>
    <link rel="stylesheet" type="text/css" href="nics.css">
    <link rel="stylesheet" type="text/css" href="polymaps.css">
    <link rel="stylesheet" type="text/css" href="cluster-icons.css">
    <script type="text/javascript" src='jquery-1.8.0.min.js'></script>
    <script type="text/javascript" src='bootstrap.min.js'></script>
    <script type="text/javascript" src='d3.v2.min.js'></script>
    <script type="text/javascript" src="polymaps.min.js"></script>
    <script type="text/javascript" src="kml.js"></script>
    <script type="text/javascript" src="cluster-icons.js"></script>
    <script type="text/javascript" src='text-collapse.js'></script>
    <script type="text/javascript" src='excentric-label.js'></script>
  </head>
  <body>
    <div id="controls">
      Emphasize labels containing:<br>
      <input type="text" onkeyup="updateDegreeOfInterest(this.value, event)" /><br>
      <input type="checkbox" checked="true" onclick="setIconClustering(this.checked)" /> Enable icon clustering<br>
      <input type="checkbox" checked="true" onclick="setTextCollapse(this.checked)" /> Enable text collapsing
    </div>
    <div id="map"></div>
    <script type="text/javascript" src="nics.js"></script>
    <svg>
      <filter id="halo" filterUnits="objectBoundingBox">
        <feColorMatrix in="SourceAlpha" result="white" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0" />
        <feMorphology result="offset" in="white" radius="2,2" operator="dilate" />
        <feComposite in="SourceGraphic" in2="offset" result="comp" operator="over" />
      </filter>
    </svg>
  </body>
</html>
